<template>
	<view>
		<view class="box-color box-padding u-font-28 grey-color">
			<view class="u-font-bold u-text-color u-m-b-20">订单信息</view>
			<view class="u-flex u-row-between" style="height: 50rpx;">
				<view>订单编号</view>
				<view>{{ info.tradeNo }}</view>
			</view>
			<view class="u-flex u-row-between" style="height: 50rpx;">
				<view>下单时间</view>
				<view>{{ info.createdTime }}</view>
			</view>
			<view class="u-flex u-row-between" style="height: 50rpx;">
				<view>支付方式</view>
				<view v-if="info.paymentMethod == 0">微信支付</view>
				<view v-else-if="info.paymentMethod == 1">支付宝支付</view>
				<view v-else-if="info.paymentMethod == 2">银联支付</view>
				<view v-else-if="info.paymentMethod == 3">线下支付</view>
				<view v-else-if="info.paymentMethod == 4">线下支付</view>
				<view v-else-if="info.paymentMethod == null">未发起支付</view>
				<view v-else></view>
			</view>
			<view class="u-flex u-row-between" style="height: 50rpx;">
				<view style="flex-basis: 200rpx">备注</view>
				<view style="flex: 1;text-align: right;">{{ info.remarks||'无' }}</view>
			</view>
			<view v-if="info.state == 5" class="u-flex u-row-between">
				<view style="flex-basis: 200rpx">取消原因</view>
				<view style="flex: 1;text-align: right;">{{ info.cancelledReason ||'无'}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			info: {
				type: Object,
				default: {}
			}
		}
	}
</script>

<style>
</style>
